<template>
    <button @click="" count++>add</button>
    <p>count is {{ count }}</p>

    <h3>事件修饰符</h3>
    <a @click.prevent='clickHandle' href="https://www.bilibili.com/">哔哩</a>
    <div>

    </div>
</template>

<script>
export default {
    data() {
        return {
            count: 0,
        }
    },
    methods: {
        clickHandle() {
            console.log('clickHandle')
        }
    }
}
</script>

<style lang="scss" scoped></style>